<h1 id="Inside"><a href="#Inside" class="headerlink" title="Inside"></a>Inside</h1><p><a href=""><img src="https://img.shields.io/travis-ci/elmorec/hexo-theme-inside.svg?longCache=true&amp;style=flat-square" alt="build-img"></a> <a href="https://github.com/elmorec/hexo-theme-inside/releases"><img src="https://img.shields.io/github/release/elmorec/hexo-theme-inside.svg?longCache=true&amp;style=flat-square" alt="release-img"></a> <a href="LICENSE"><img src="https://img.shields.io/github/license/elmorec/hexo-theme-inside.svg?longCache=true&amp;style=flat-square" alt="license-img"></a></p>
<p>A SPA, flat and clean theme for <a href="https://hexo.io/">Hexo</a> ❤️.</p>
<p><a href="README_zh-Hans.md">中文文档</a></p>
<h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><ul>
<li><a href="#preview">Preview</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#quick-start">Quick start</a></li>
<li><a href="#changelog">Changelog</a></li>
<li><a href="#license">License</a></li>
</ul>
<h2 id="Preview"><a href="#Preview" class="headerlink" title="Preview"></a>Preview</h2><ul>
<li><a href="https://blog.oniuo.com">https://blog.oniuo.com</a></li>
<li><a href="https://blog.oniuo.com/post/inside-theme-showcase">https://blog.oniuo.com/post/inside-theme-showcase</a></li>
</ul>
<h2 id="Features"><a href="#Features" class="headerlink" title="Features"></a>Features</h2><ul>
<li>SPA built with <a href="https://angular.io">angular</a></li>
<li>Sub-page routes</li>
<li>Internationalization (i18n)<ul>
<li>:cn: Simplified Chinese &amp; Traditional Chinese</li>
<li>:us: English</li>
<li>:jp: Japanese</li>
</ul>
</li>
<li>Comments<ul>
<li><a href="https://disqus.com">Disqus</a></li>
<li><a href="https://livere.com">LiveRe</a></li>
</ul>
</li>
<li>Rich SNS icons</li>
<li>Avatar</li>
<li>Article image CDN</li>
<li>Enhanced article display<ul>
<li>Thumbnail</li>
<li>Dropcap</li>
<li>Optimized table display (headless table, long table)</li>
<li>Executable <code>&lt;script&gt;</code> tag<ul>
<li>Pre-processing with babelify and uglify (optional)</li>
</ul>
</li>
<li>Table of content</li>
<li>License notice</li>
<li>Reward</li>
</ul>
</li>
<li><a href="https://developers.google.com/web/progressive-web-apps">PWA</a><ul>
<li>Dynamically updated <code>theme-color</code> meta tag (by extracting thumbnail pixel values)</li>
<li><a href="https://developers.google.com/web/fundamentals/web-app-manifest/">manifest.json</a></li>
<li>Offline support (<a href="https://developers.google.com/web/tools/workbox/">workbox</a>)</li>
</ul>
</li>
<li>SEO<ul>
<li>canonical link</li>
<li>built-in <code>sitemap.xml</code></li>
<li><a href="https://developers.google.com/search/docs/guides/intro-structured-data">Structured Data</a></li>
<li>Open Graph Meta Tags</li>
</ul>
</li>
<li>Google Analytics</li>
</ul>
<h2 id="Quick-start"><a href="#Quick-start" class="headerlink" title="Quick start"></a>Quick start</h2><p>1. Download the latest version here: <a href="https://github.com/elmorec/hexo-theme-inside/releases">releases</a>, or via npm:</p>
<pre><code class="bash">npm install hexo-theme-inside
</code></pre>
<p>2. Config <code>HEXO/_config.yml</code> as follow:</p>
<pre><code class="yml"><span class="attr">permalink:</span> <span class="string">post/:title/</span>
</code></pre>
<p>3. See <a href="_config.yml">inside/_config.yml</a> for theme configuration.</p>
<h2 id="Browser-Support"><a href="#Browser-Support" class="headerlink" title="Browser Support"></a>Browser Support</h2><ul>
<li>Modern browser</li>
</ul>
<h2 id="Changelog"><a href="#Changelog" class="headerlink" title="Changelog"></a>Changelog</h2><p><a href="https://github.com/elmorec/hexo-theme-inside/releases">releases</a></p>
<h2 id="License"><a href="#License" class="headerlink" title="License"></a>License</h2><p>Licensed under <a href="LICENSE">MIT</a>.</p>
